<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>lesson1_容器</title>
		<link rel="stylesheet" href="./layui/css/layui.css">
	</head>
	<body>
		<script src="./layui/layui.js"></script>
		<!-- 固定宽度 水平居中-->
		<div class="layui-container" style="height:250px; background-color: red;">
			<div class="layui-row">
				<div class="layui-col-md3" style="height: 200px; background-color: blue"">
					
				</div>
				<div class="layui-col-md9" style="height: 100px; background-color: yellow">
					
				</div>
			</div>
		</div>
		<hr />
		<!-- 水平方向100% -->
		<div class="layui-fluid"s style="height:100px; background-color:pink">
			<div class="layui-row">
				<div class="layui-col-md3" style="height: 80px; background-color: bisque"></div>
				<div class="layui-col-md3" style="height: 80px; background-color: sienna"></div>
				<div class="layui-col-md6" style="height: 80px; background-color: green">
					<div class="layui-row">
						<div class="layui-col-md6" style="height: 40px; background-color: deeppink "></div>
						<div class="layui-col-md6" style="height: 50px; background-color: khaki"></div>
					</div>
				</div>
			</div>
		</div>
		
		<hr>
		<div class="layui-container">
			<div class="layui-col-md4" style="height: 200px; background-color: blue"">
				内容1	
			</div>                  
			<div class="layui-col-md4" style="height: 200px; background-color: hotpink"">
				内容2					
			</div>                  
			<div class="layui-col-md4" style="height: 200px; background-color: crimson"">
				内容3
			</div>
		</div>
		
		<hr>
		<div class="layui-container">
               
			<div class="layui-col-md2 layui-col-md-offset4"  style="height: 200px; background-color: hotpink"">
				内容2					
			</div>                  
			<div class="layui-col-md4 layui-col-md-offset5"  style="height: 200px; background-color: hotpink"">
				内容2					
			</div>  
		</div>
		<hr>
		<!-- 笑脸图标 -->
		<i class="layui-icon layui-icon-face-smile" style="font-size: 130px; color: #1E9FFF;"></i>
	</body>
</html>